<html>
	<head>
		<meta http-equiv="content-type" content="text/html"; charset="utf-8" />
		<title> Mensch-&Auml;rgere-Dich-Nicht Lobby</title>
		<link rel= "stylesheet" type="text/css" href="css/lobby.css" />
</head>

<body>
    <h1>Lobby</h1>
    <hr noshade/>
    <p> &nbsp; </p>
    <table>
        <tr> 
            <td>
                <div class="fenster1">
                    <h4 > Spiel 1 </h4>
                    <p><img id="spielfeld" name="spielfeld" src="images/spielfeld.jpg" alt="Spielfeld" width="100%"> </p>
                    <p> Aktuelle Spieleranzahl: </p>
                </div>
                <br/>
                <div align="center">
                    <form action="">
                        <button name="info" type="button" value="Spielinformationen" onclick="alert('Beigetretene Spieler:\nSpieler1\nSpieler2\nSpieler3');">
                        Spielinformationen
                        </button>                                                          
                    
                    </form>
                    <input type="submit" value="Spiel beitreten"/> 
                </div>
            </td> 
            <td> &#160; </td>
            <td> &#160; </td>
            <td>
                <div class="fenster1">
                    <h4 > Spiel 2 </h4>
                    <p><img id="spielfeld" name="spielfeld" src="images/spielfeld.jpg" alt="Spielfeld" width="100%"> </p>
                    <p> Aktuelle Spieleranzahl: </p>
                </div>
                <br/>
                <div align="center">
                    <form action="button.htm">
                        <div>
                            <button name="info" type="button"
                            value="Spielinformationen" onclick="alert('Beigetretene Spieler:\nSpieler1\nSpieler2\nSpieler3');">
                            Spielinformationen
                            </button>
                        </div>
                    </form>
                    <input type="submit" value="Spiel beitreten"/> 
                </div>
            </td>
            <td> &#160; </td>
            <td> &#160; </td>
            <td>
                <div class="fenster1">
                    <h4 > Spiel 3 </h4>
                    <p><img id="spielfeld" name="spielfeld" src="images/spielfeld.jpg" alt="Spielfeld" width="100%"> </p>
                    <p> Aktuelle Spieleranzahl: </p>
                </div>
                <br/>
                <div align="center"> 
                    <form action="button.htm">
                        <div>
                            <button name="info" type="button"
                            value="Spielinformationen" onclick="alert('Beigetretene Spieler:\nSpieler1\nSpieler2\nSpieler3');">
                            Spielinformationen
                            </button>
                        </div>
                    </form>
                    <input type="submit" value="Spiel beitreten"/> 
                </div>
            </td>
        </tr>
    </table>
</body>

</html>